@import '/styles/mixins.less';
@import '/styles/variables.less';

.goods-item {
  padding: 0 24rpx;
  background-color: @bc-def;

  .goods-item-content {
    .flex(flex-start);
    position: relative;
    padding-top: 36rpx;
    padding-bottom: 42rpx;
    border-bottom: 1px solid @border;

    >.left {
      width: 120rpx;
      height: 120rpx;
      min-width: 120rpx;
      border-radius: 8rpx;
      overflow: hidden;
      background-color: @bc-page;
      margin-right: 24rpx;
      image {
        width: 100%;
        height: 100%;
      }
    }

    >.right {
      flex: 1;

      .title {
        font-size: @font-30;
        color: @text-dark;
        font-weight: 500;
      }

      .desc {
        font-size: 24rpx;
        color: @primary-color;
      }
    }
    .stepper-box {
      position: absolute;
      right: 0;
      bottom: 16rpx;
    }
  }
}